<!--
    see: http://stackoverflow.com/questions/13638969/using-custom-map-image-tiles-in-leafletjs
    http://blog.thematicmapping.org/2012/07/using-custom-projections-with-tilecache.html
-->
<html>
<head>

    <!--<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" />-->
    <link rel="stylesheet" href="../leaflet-0.7.3/leaflet.css"/>
    <!--[if lte IE 8]>
    <!--<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" />-->
    <![endif]-->

</head>
<body>
    <div id="map" style="width: 800px; height: 600px"></div>

    <!--<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>-->
    <script src="../leaflet-0.7.3/leaflet.js"></script>

    <script>
        var map = L.map('map').setView([-26.09,28.17], 10);     // this is mdf-center
        //L.tileLayer('eso/{z}/{x}/{y}.jpg', {
        L.tileLayer('http://127.0.0.1:81/gtile?lyr=Overlay&x={x}&y={y}&z={z}', {
            minZoom: 6,
            maxZoom: 16,
            attribution: 'Antown',
            tms: false
        }).addTo(map);
    </script>
</body>
</html>